/** 3.5 About us
        3.5.1 About us
        3.5.2 Contact Us  
**/

//heading
.heading-about {
    @extend .heading-v4;
    margin-bottom: 19px
}

.text-description {
    padding-left: 100px;
    padding-right: 125px;
    margin-top: 60px;
    @media(max-width: $screen-lg) {
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 30px;
    }
    @media (max-width: $screen-xs-max) {
        padding-left: 0;
        padding-right: 0;
        margin-top: 30px;
    }
}

.text-description p {
    font: 13px/22px $font-custom;
    margin-bottom: 20px;
    &:last-child {
        margin-bottom: 0;
    }
}

.about-us-page {
    padding-top: 25px;
    padding-bottom: 70px;
    @media(max-width: $screen-lg) {
        padding-bottom: 30px;
    }
}

.widget-about-us {
    padding-top: 10px;
}

//===============CONTACT US ===============//
.contact-form {
    @extend .billing-details-content;
    .form-group {
        margin-bottom: 24px;
    }
    .form-control {
        background: transparent;
    }
}

textarea#message {
    height: 151px;
}

.btn-send-message {
    @extend .btn-update-cart;
    @include border-radius(0);
    font-size: 13px;
    padding: 16px 55px;
    @media (max-width: $screen-md) {
        margin-bottom:30px;
    }
}

.contact-info-heading {
    padding: 30px 0;
    background: #f9f9f9;
    border: 1px dotted #eee;
    margin-top: 40px;
    margin-bottom: 70px;
    @media (max-width: $screen-md-max) {
        margin-top:0;
        margin-bottom: 30px;
    }
}

.contact-column-inner {
    border-right: 1px dotted #ccc;
    &:last-child {
        border-right: 0;
    }
}

.contact-box {
    display: flex;
    align-items: center;
    font-size: 13px;
    font-family: $font-custom;
}

.contact-box-icon {
    padding: 0 15px;
}

.icon-contact {
    font-size: 24px;
}

.contact-box-information {
    padding: 0 15px;
}

.contact-info-content {
    padding-bottom: 120px;
    @media (max-width: $screen-md-max) {
        padding-bottom:30px;
    }
}

.contact-form .btn-send-message {
    margin-left: 0;
}

//========================= 404 page ============================//
.error-content {
    padding-bottom: 140px;
    padding-top: 80px;
}

.error-text {
    margin-bottom: 66px;
    h2 {
        font: bold 30px $font-custom;
        color: $title-color;
        margin-bottom: 10px;
    }
    p {
        font: 16px $font-custom;
    }
}

.error-form {}

.btn-search {
    @extend .btn-send-message;
    font-size: 14px;
    padding: 16px 61px 15px 62px;
}

.error-ff {
    width: 320px;
}